<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
*{padding:0;margin:0;}
p{font-size:20px;text-align:center}
.fudong{float:right;font-size:30px;font-family:"隶书"}
.daxiao{font-size:10px;float:right;}
.sky,.leftt{color:white;}
.leftt{text-align:left;background-color:#0033CC}
.layer1{height:100px;width:100%;background:blue;}
.layer1-1{height:100px;width:40%;background:white;float:left;}
.layer1-2{height:100px;width:60%;background:#0000BB;float:left;}
.layer1-3{clear:both;}
.layer2{height:350px;width:100%;background:#CCFFFF;}
.layer2-1{height:100px;width:100%;background:#00FFFF;}
.layer2-2{height:200px;width:100%;background:#CCFFFF;padding:12px;}
.layer2-2-1{height:200px;width:30%;margin:6px 0;background:#CCFFFF;float:left;border-style:solid;border-width:1px;border-color:#0000BB;}
.layer2-2-2{height:200px;width:30%;margin:6px 6px;background:#CCFFFF;float:left;border-style:solid;border-width:1px;border-color:#0000BB;}
.layer2-2-3{height:200px;width:30%;margin:6px 0;background:#CCFFFF;float:left;border-style:solid;border-width:1px;border-color:#0000BB;}
.layer2-2-4{clear:both}
.layer3{height:100px;width:100%;background:#0000BB;}
</style>
</head>

<body>
    <div class="layer1">
            <div class="layer1-1">
            <img src="100.jpg"alt="商职"width="90px"height="100px" /> 
            <p class="fudong">山东商业职业技术学院</p></div>
            <div class="layer1-2"><p class="sky">学校概况 机构设置 教育教学 就业创业 科技服务</p>            </div>
            <div class="layer1-3"></div>
    </div>
    <div class="layer2">
	        <div class="layer2-1"> <p><img src="101.jpg"alt="商职"width="100%"height="100px" /> </p>
            </div>
            <div class="layer2-2">
                    <div class="layer2-2-1"><p class="leftt">学校要闻</p>
					                         <p>新闻1</p>
											 <p>新闻1</p>
											 <p>新闻1</p>
					</div>
                    <div class="layer2-2-2"><p class="leftt">通知公告</p>
					                         <p>新闻1</p>
											 <p>新闻1</p>
											 <p>新闻1</p>
					</div>   
                    <div class="layer2-2-3"><p class="leftt">媒体报道</p>
					                         <p>新闻1</p>
											 <p>新闻1</p>
											 <p>新闻1</p>
					</div>
                    <div class="layer2-2-4"></div>
            </div>
           
     </div>
     <div class="layer3"><p class="sky">服务导航</p></div>
</body>
</html>